<template>
  <div class="h5-image">
    <img :src="imageSrc" alt="">
  </div>
</template>

<script>
import defaultImage from './example-image.png'
export default {
  name: 'H5Image', // 这个名字很重要，它就是未来的标签名<h5-image></h5-image>
  props: {
    imageSrc: {
      type: String,
      default: defaultImage
    }
  }
}
</script>

<style lang="scss" scoped>
  .h5-image{
    width: 100%;
    height: 100%;
  }
  img{
    display: block;
    width: 100%;
    height: 100%;
  }
</style>
